@import "./modules/_all";
.zp-header{
  @extend %zp-head;  
}


.cp-gally{
  li{
    float:left;
    margin-right:20px;
    margin-top:20px;
    position:relative;
    @include mobile {
      float:none;
      margin-right: 0px;
    }
  }
  .pod{
    width:300px;
    overflow: hidden;
    border:1px solid #e2e2e2;
    border-radius:3px;
    text-align: center;
    padding:12px 0;
    cursor:pointer;
    @include mobile {
      width:100%;
    }

    .price{
      text-align: right;
      margin-top:-20px;
      span{
        display: inline-block;
        padding:0 10px;
        line-height: 1.8em;
        background:rgba(0,0,0,0.2);
        color:#fff;
      }
    }
    .desc{
      text-align: left;
      color:#{$active-color};
      padding:0 20px;
    }
    .fav{
      text-align: left;
      padding:0 20px;
      color:#cccccc;
      .love-icon{
        display: inline-block;
        width:20px;
        height: 20px;
        background:url(../images/love-icon.png) no-repeat;
        margin-right: 12px;
      }
    }
  }
}

